/* ====================
来源：guangtou.me
作者：光头obsidian教程
功能：为过长的代码添加水平滑轮
==================== */


/* 代码块不换行并显示水平滚动条 */
.markdown-source-view .cm-content .cm-line {
  white-space: pre; /* 禁止换行，保留原始格式 */
  overflow-x: auto; /* 水平超出时显示滚动条 */
}

/* 针对渲染视图中的代码块 */
.markdown-rendered pre {
  white-space: pre; /* 禁止换行 */
  overflow-x: auto; /* 水平超出时显示滚动条 */
}

/* 可选：美化滚动条 */
.markdown-rendered pre::-webkit-scrollbar {
  height: 8px; /* 滚动条高度 */
}
.markdown-rendered pre::-webkit-scrollbar-thumb {
  background: #888; /* 滚动条颜色 */
  border-radius: 4px;
}
.markdown-rendered pre::-webkit-scrollbar-thumb:hover {
  background: #555; /* 滚动条悬停颜色 */
}
